@charset "UTF-8";
/* 公共样式 */
*{margin:0;padding:0;} 
/* 所有标签内外边距为0 */
html,body{min-height: 100%;min-width: 1200px; background: #fff; font-family: "Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;font-size:14px;}
ul,li,ol,dt,dd,dl{list-style: none;} 
/* 清除列表的默认样式 */
input,textarea,select,button{outline: none;} 
/* 清除表单按钮的轮廓线 */
img{border:none;}
/* 清除图片边框 */
a{color:#333;text-decoration:none;} 
/*链接-颜色*/
em{font-style: normal;}
body{font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, STHeitiSC-Light, simsun, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";-webkit-font-smoothing: antialiased;}
.container_1400{width: 1400px;margin:0 auto;position: relative;}/* 1300px容器并且居中，相对定位 */
.container_1300{width: 1300px;margin:0 auto;position: relative;}/* 1300px容器并且居中，相对定位 */
.container_1200{width: 1200px;margin:0 auto;position: relative;}/* 1200px容器并且居中，相对定位 */
.container_1100{width: 1100px;margin:0 auto;position: relative;}/* 1100px容器并且居中，相对定位 */
.container_1000{width: 1000px;margin:0 auto;position: relative;}/* 1000px容器并且居中，相对定位 */
.hidden{display: none;}/* 隐藏元素 */
.block{display: block;}/* 块级元素 */
.inlinek{display: inline}/* 内联元素 */
.inline_block{display: inline-block;}/* 行内块元素 */
/* 清除浮动 */
.clear{height:0;clear: both;}/* 清除浮动 */
.fill_1{clear: both;height: 1px}/* 填充1px并且清除浮动 */
.fill_5{clear: both;height: 5px}
.fill_10{clear: both;height: 10px}
.fill_20{clear: both;height: 20px}
.fill_30{clear: both;height: 30px}
.fill_40{clear: both;height: 40px}
.fill_50{clear: both;height: 50px}
.fill_60{clear: both;height: 60px}
.fill_70{clear: both;height: 70px}
.fill_80{clear: both;height: 80px}
.fill_90{clear: both;height: 90px}
.fill_100{clear: both;height: 100px}/* 填充100px并且清除浮动 */
/***float浮动***/
.fl{float:left}
.fr{float:right}
/***动画过渡时间***/
.trans_0_1{transition: all 0.1s linear;}/* 过渡时间0.1秒 */
.trans_0_2{transition: all 0.2s linear;}/* 过渡时间0.2秒 */
.trans_0_3{transition: all 0.3s linear;}/* 过渡时间0.3秒 */
.trans_0_5{transition: all 0.5s linear;}/* 过渡时间0.5秒 */
.trans_0_8{transition: all 0.8s linear;}/* 过渡时间0.8秒 */
.trans_1_0{transition: all 1.0s linear;}/* 过渡时间0.8秒 */
.trans_1_5{transition: all 1.5s linear;}/* 过渡时间1.5秒 */
.trans_2_0{transition: all 2.0s linear;}/* 过渡时间2.0秒 */
.border-box{box-sizing:border-box;}
/*文字左右对齐*/
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.text_ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}/* 超出部分显示省略号 */
.text_ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/* 导航 */
.w1300,.container{width:1300px;margin:0 auto;}
.deanhstoptb{width:100%;height:39px;line-height:39px;color:#666;background:#f5f5f5;position:relative;min-width:1200px;}
.deantophstbl{float:left;}
.deantophstbl a{float:left;display:block;margin-left:25px!important;color:#666;font-size:14px;}
.deantophstbl a:hover{color:#ff6949;}
.deantophstbl em{color:#ccc;padding:0 10px;font-size:12px;display:inline-block;float:left;}
.deantophstbl a.deantopmobile{position:relative;}
.deanmobilec{display:none;padding:10px 0;border:1px solid #ddd;position:absolute;background-color:#fff;text-align:center;width:128px;top:38px;z-index:9;left:-30px;}
.deanmobilec i{width:20px;height:12px;display:block;background:url(../images/arrow_up2.png) 0 0 no-repeat;position:absolute;top:-12px;left:40px;}
.deanmobilec span{color:#666;font-size:12px;display:block;line-height:18px;}
.deantophstbl a.deantopmobile:hover .deanmobilec{display:block;}
.deanlogo{float:left;margin-right:50px;margin-top:25px;}
.deanlogo img{height:50px;}
.deantoptel{float:right;height:40px;line-height:40px;margin-top:5px;text-indent:50px;font-size:25px;color:#aaa;font-weight:300;background:url(../images/tel.png) 0 0 no-repeat;}
.deanapp:hover .deanewmtop{display:block;}
.deanewmtop i{width:20px;height:12px;display:block;background:url(../images/arrow_up2.png) 0 0 no-repeat;position:absolute;top:-12px;left:40px;}
#deanheader{height:100px;width:100%;overflow:hidden;margin:0 auto;background:#fff;}
.deanhousenav{float:left;width:auto;overflow:hidden;}
.deanhousenav ul{white-space:nowrap;height:100px;width:auto;overflow:hidden;}
.deanhousenav ul li{height:100px;line-height:90px;float:left;margin:0 20px;white-space:nowrap;position:relative;}
.deanhousenav ul li a{height:100px;line-height:90px;font-size:18px;color:#666;display:inline-block;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
.deanhousenav ul li a span{display:none;}
.deanhousenav ul li a:after{background:#0b76be;height:2px;bottom:30px;}
.deanhousenav ul li.a a:after,.deanhousenav ul li a:hover:after{text-decoration:none;width:100%;left:0;}
.deanhousenav ul li.a a,.deanhousenav ul li a:hover{color:#0b76be; font-weight: 700!important;}
.deandenglu{float:right;margin-right:10px;}
.deansearch{float:right;margin-top:35px;}
.top_tel{ width: auto; float: right; margin-top: 20px;}
.top_tel_l{ float: left; margin-right: 10px;}
.top_tel_l img{width: 40px; padding: 5px;}
.top_tel_r{ float: right; font-size: 14px; line-height: 26px;}
.top_tel_r strong{ font-size: 22px; font-weight: 400; color: #f00;}
/*实力*/
.index-shili{width: 90%;margin: auto;padding: 60px 0 0;padding-top: 7%;}
.index-shili ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-shili ul li{width: 18%;padding: 30px;padding-top: 0; background: #fff;box-shadow:0 1px 10px rgb(0 0 0 / 5%);}
.index-shili ul li .pic{padding-top: 50%;position: relative;}
.index-shili ul li .pic img{position: absolute;bottom: 0%;border-radius: 50%;}
.index-shili-text{ margin-top: -40px;}
.index-shili-text > p{font-size: 26px;text-align: center;line-height: 80px;color: #333;font-weight: 700;border-bottom: 1px solid #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.en .index-shili-text > p{font-size: 20px;}
.index-shili-text .introduce{margin-top: 20px;font-size: 16px;line-height: 30px;color: #333;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.index-shili-text .details{display: inline-block;margin-top: 20px;padding: 5px 20px;border: 1px solid #999;color: #666;position: relative;left: 50%;transform: translateX(-50%);}
/*动画*/
.banner .banner_nav{z-index: 99;}
.banner .banner_nav #mn_F2_menu{display: block !important;box-shadow: none;border: none;}
.banner .banner_nav ul li a{border: none;}
.banner{width:100%;height: 720px;position: relative;}
.banner .swiper-container{width:100%;height: 720px;position: absolute;z-index:0;}
.banner .swiper-container .swiper-wrapper{width:100%;height: 720px;}
.banner .swiper-container .swiper-wrapper .swiper-slide{position:relative;}
.banner .swiper-container .swiper-wrapper .swiper-slide img{position:absolute;left:50%;margin-left:-960px;}
.banner .swiper-container .swiper-wrapper a{display: block;width:100%;height: 720px;background-repeat: no-repeat;background-position: center;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:72px;height:6px;background:#fff;opacity: 1;filter:alpha(opacity=40);border-radius: 0;cursor: pointer;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;filter: alpha(opacity=100);background:#0b76be;}
.banner .swiper-container .swiper-button-prev{background-image: url(../images/arrow-left.png);background-repeat: no-repeat;background-size: auto;width:58px;height:58px;background-position: left center;background-size:58px;top:46%;left:20px;}
.banner .swiper-container .swiper-button-prev img{width:100%;}
.banner .swiper-container .swiper-button-next{background-image: url(../images/arrow-right.png);background-repeat: no-repeat;background-size: auto;width:58px;height:58px;background-position: right center;background-size:58px;top:46%;right:20px;}
.banner .swiper-container .swiper-button-next img{width:100%;}
.banner .swiper-container .swiper-pagination{bottom:40px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.banner .banner_nav{position:absolute;top:0;height:720px;z-index:999;width:230px;background:#fff;padding:10px 0;}
.banner .banner_nav ul li{width:100%;height:70px;}
.banner .banner_nav ul li a{line-height: 70px;background:url(../images/arrow.png) no-repeat center right;width:190px;margin:auto;display:block;font-size:16px;color:#333;}
.banner .banner_nav ul li.on{background:#f1f1f1;}
.banner .banner_nav ul li:hover{background:#f1f1f1;}
/*选择一款适合您的车型*/
.container-100{width: 1300px; margin: 0 auto;}
.xuanze-chexing-box{position: relative;}
.index-title{width:100%}
.index-title h1{text-align:center;font-size:34px;color:#333;font-weight:400;margin-top:60px;margin-bottom:20px;}
.index-title p{text-align:center;font-size:16px;color:#333;font-weight:400;margin-top:0px;margin-bottom:60px;}
.xuanze-chexing{margin:30px 0;}
.xuanze-chexing .swiper{width: 100%;height: 100%;overflow:hidden;}
.xuanze-chexing .swiper-slide{text-align: center;font-size: 18px;background: #eef1f6;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; border-radius: 20px;}
.xuanze-chexing .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover; border-radius: 15px;}
.xuanze-chexing .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
.xuanze-chexing .swiper .swiper-button-next{ right: 5%!important;}
.xuanze-chexing .swiper .swiper-button-prev{ left: 5%!important;}
.product-box{background:#f5f5f5;margin-top:60px;overflow: hidden;}
.product-box .product-container{width:100%;}
.product-box .product-container ul{overflow:hidden;}
.product-box .product-container ul li{width:50%;float: left;position:relative;}
.product-box .product-container ul li .index-product0101{width:100%;}
.product-box .product-container ul li .index-product0101 img{height:100%;width:100%;display:block;transition: all 0.5s ease 0s;}
.product-box .product-container ul li .index-product0101:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.product-box .product-container ul li .index-product0101 .shadow{width:100%;position:absolute;bottom:0;left:0;overflow: hidden;}
.product-box .product-container ul li .index-product0101 .shadow img{width:100%;display:block;}
.product-box .product-container ul li .index-product0101 h1{position:absolute;left:40px;right:40px;bottom:30px;color:#fff;font-size:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-box .product-container ul li .index-product0202{width:46%;margin-bottom:2%;float:left;margin-left:2%;background:#fff}
.product-box .product-container ul li .index-product0202 .index-product0202-img{width:68%;margin:10px auto;}
.product-box .product-container ul li .index-product0202 .index-product0202-img img{width:100%;height:100%;transition:all 0.5s ease 0s;}
.product-box .product-container ul li .index-product0202 .index-product0202-img:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.product-box .product-container ul li .index-product0202 h1{position:absolute;left:20px;right:20px;bottom:0px;color:#fff;font-size:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-box .product-container ul li .index-product0202 .shadow{width:100%;position:absolute;bottom:0;left:0;}
.product-box .product-container ul li .index-product0202 .shadow img{width:100%;display:block;}
.product-box .product-container ul li .index-product0101 h1{font-size:20px;margin-left:30px;bottom:20px;}
.product-box .product-container ul li .index-product0202 h1{line-height:40px;font-size:16px;}
.more-box{width:100%;height:1px;background:#cccccc;position:relative;margin:90px auto;}
.more-box .more{width:272px;background:#f5f5f5;position:absolute;border-radius:46px;left:0;right:0;margin:auto;margin-top:-23px;}
.more-box .more a{width:150px;height:46px;border:2px solid #0b76be;display:block;color:#0b76be;text-align:center;line-height:46px;border-radius:150px;margin:auto;font-size:16px;}
.more-box .more a:hover{background:#0b76be;color:#fff;}
.news-box .news{overflow:hidden;}
.news-box .news .news01{width:24%;float:left;margin-right:1.3%}
.news-box .news .news01:nth-child(4n){margin-right:0;}
.news-box .news .news01 .news01-img{position:relative;padding-bottom:71%;height:0;}
.news-box .news .news01 .news01-img img{position:absolute;overflow:hidden;top:0;bottom:0;margin:auto;width:100%;transition: all 0.2s ease 0s;height: 262px;}
.news01-img:hover img{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);box-shadow: 0 0 10px rgba(0,0,0,.05);}
.news-box .news .news01 .news01-text{background:#f5f5f5;padding:6%}
.news-box .news .news01 .news01-text h1{font-size:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:#333;margin-bottom:14px;}
.news-box .news .news01 .news01-text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:16px;line-height:26px;height: 80px;}
.news-box .news .news01 .news01-text .arrow{width:30px;margin-top:60px;}
.news-box .news .news01 .news01-text .arrow img{width:100%;}
.about-us-box{}
.about-us{background:url(../images/about_us.jpg) no-repeat center;height:510px;overflow:hidden;}
.about-us .about-us-cont h1{font-size:36px;color: #fff;margin-top:100px;margin-bottom:30px;}
.about-us .about-us-cont p{width:712px;color:#fff;font-size:16px;line-height: 32px;color:#e1e1e1}
.about-us .about-icons{overflow:hidden;margin-top:60px;}
.about-us .about-icons .about-icon01{float:left;margin-right:60px;overflow:hidden;}
.about-us .about-icons .about-icon01 .about-icon01-img{width:46px;height:46px;float:left;}
.about-us .about-icons .about-icon01 .about-icon01-img img{width:100%;}
.about-us .about-icons .about-icon01 .about-text{float:left;margin-left:10px}
.about-us .about-icons .about-icon01 .about-text h1{font-size:22px;color:#fff}
.about-us .about-icons .about-icon01 .about-text p{font-size:12px;color:#fff}
/*底部*/
.footer-box{color:#fff;background: #2d2d35;}
.footer-box a{color:#fff;}
.footer-box .box{background: url(../images/footer-bg.png) no-repeat right center;background-size: auto 100%;}
.copyright{padding:12px 0;letter-spacing: 1px;border-top:1px solid #3d3d45; text-align: center;}
.copyright p{opacity: 0.4;}
.copyright p.fr{padding-left:15px;}
.footer-box .footer{padding:66px 0 55px;overflow:hidden;margin-top:0}
.footer-box .footer-info{float:left;width: 30%;max-width: 360px;color:#8b919e;}
.footer-box .footer-info .footer-logo{margin:0;}
.footer-box .footer-info .info{margin-top: 15px;line-height: 28px;}
.footer-box .footer-nav{float:right;width: 63%;max-width: 910px;}
.footer-box .footer-nav li{float:left;margin-right:9%;}
.footer-box .footer-nav li:last-child{margin-right:0;}
.footer-box .footer-nav li a{display: block;line-height: 1;}
.footer-box .footer-nav li>a{font-size:18px;margin-bottom: 45px;letter-spacing: 2px;}
.footer-box .footer-nav li .s-menu{ text-align: center; color: #8b919e;}
.footer-box .footer-nav li .s-menu a{color:#8b919e;margin-bottom: 15px;letter-spacing: 1px; text-align: left;}
/* 在线客服 */
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484; display:block; width:25px; height:25px; margin:11px; }
.cndns-right-btn span.icon-bubbles3{ background:url(../images/post.gif) center center no-repeat;}
.cndns-right-btn span.icon-volume-control-phone{ background:url(../images/tel1.png) center center no-repeat;}
.cndns-right-btn span.icon-qrcode{ background:url(../images/ewm.gif) center center no-repeat;}
.cndns-right-btn span.icon-chevron-up{ width:20px; height:11px; margin:0px auto; margin-top:6px; background:url(../images/top.gif) center center no-repeat;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/kefu.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block; background:url(../images/top1.gif) center center no-repeat;} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:20px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{ width:45px; height:45px; background:url(../images/tel2.png) center center no-repeat;float:left;display:block;line-height:56px;margin-right:10px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/qq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:250px;}
.meau-contact .cndns-right-box .box-border{width:250px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
/* P */
.deanchanpinms{margin-top: 50px;width: 1200px;position: relative;}
.deanchanpinms h3{font-weight: normal;position: relative;z-index: 1;height: 68px;}
.deanchanpinms h3 a{color: #1e1e1e;font-size: 32px;font-weight: normal;display: block;position: absolute;top: 0;left: 0;z-index: 2;letter-spacing: 1px;}
.deanchanpinms h3 span{color: #e9e9e9;font-size: 27px;font-weight: normal;display: block;position: absolute;bottom: 0;left: 0;z-index: 1;}
#fontsearch{background: #fff;width: 100%;}
#fontsearch tr{border: 1px dashed #eaeaea;}
#threadlist{border: 0;}
.mn{overflow: visible !important;}
.pgs #newspecialtmp{display: none;}
.subtsm{border-top: 1px dotted #e9e9e9;background: #fafafa;margin-top:10px;padding: 5px;}
.tsm th{background: #f0f0f0;padding: 5px 0 5px 10px;color: #333;font-weight: normal;width: 10%!important;text-indent: 10px;font-size: 18px;}
.tsm td{border-bottom: 1px solid #eee;padding:0;}
.tsm li{float: left;margin-left: 10px;padding: 7px 4px;white-space: nowrap;}
.tsm li a{color: #333!important;padding: 5px 10px;border-radius: 2px;font-size: 16px;}
.tsm .a a{background: #004abb;color: #fff!important;font-weight: 200;}
.tsm tr:hover th{background:#f0f0f0!important;}
.tsm tr:hover td{background:#fcfcfc!important;}
.deancarlist{width:1300px;margin:0 auto;}
.deancarlist ul{width:1330px;}
.deancarlist ul li{float:left;width:411px;height:394px;border:1px solid #f0f0f0;margin-right:30px;margin-bottom:30px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.deancarlist ul li:hover{background:#fcfcfc;border:1px solid #0068B6;box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.deancrimg{position:relative;width:411px;height:308px;overflow:hidden;}
.deancrimg a{display:block;}
.deancrimg a img{width:411px;height:308px;}
.deancrimg a .deanbg000{height:30px;line-height:30px;width:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;font-size:12px;color:#fff;}
.deancrimg a span{display:inline-block;color:#fff;width:108px;text-align:center;border-right:1px solid #4e4d4d;}
.deanspan2{border-right:0;width:109px;}
.deancrinfo{padding:15px 20px;width:371px; text-align: center; background: #f0f0f0;}
.deancarlist ul li:hover .deancrinfo{padding:15px 20px;width:371px; text-align: center;background: #0068B6;}
.deancarlist ul li:hover .deancrinfo h3 a{color: #fff;}
.deancarlist ul li:hover .deancrinfo dl dd{color: #fff;}
.deancrinfo h3{font-size:18px;height:30px;line-height:30px;color:#333;font-weight:600;}
.deancrinfo h3 a:hover{color:#004abb;}
.deancrinfo dl{}
.deancrinfo dl dd{display:block;height:26px;line-height:26px;color:#999;font-size:14px;}
/* A */
.deannewftdiv h3{border:none;}
.deannewftdiv2 a, .deannewftdiv3 a{float: none;width:auto;}
.deannewftdiv h3{font-size: 20px;margin-bottom:0;}
.deannewftdiv a{line-height: 44px;}
.deannewfooter{padding-bottom:0;}
.deannewfootertop{float: right;}
.deannewftbottom{float: left;width:300px;}
.deannewftdiv{width:130px;margin-left: 70px;}
.footer-contact{padding-top:1px;}
.footer-contact h1{font-size:24px;color:#cccccc;margin-bottom:20px;margin-top:40px;}
.footer-contact p{font-size:14px;color:#ccc;margin-bottom:10px;line-height:20px;}
.deannewftbottom{padding-top:40px;}
.deannewftbottom{border:none;}
.deannewfootertop{padding-bottom:20px;}
.bm{background: none;border: 0;}
.deanpiclist{width: 1200px;}
.deanpiclist ul li{height: 200px;background: #fff;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;width: 1200px;}
.deanpiclicl{width: 310px;height: 200px;overflow: hidden;float: left;position: relative;z-index: 1;}
.deanarttypes{height: 22px;line-height: 22px;padding: 0 10px;border-radius: 22px;color: #fff;font-size: 12px;background: rgba(0,0,0,0.38);position: absolute;left: 10px;top: 10px;z-index: 2;display: block;}
.deanpiclicr{width: 850px;height: 200px;float: right;position: relative;}
.deanpiclicr h2{font-size: 20px;font-weight: 500;width: 780px;height: 60px;}
.deanpiclicr h2 a{color: #333;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.deanpicsummary{color: #777;font-size: 15px;overflow: hidden;margin-bottom: 5px;height: 70px;line-height: 35px;margin-top: 10px;}
.deannewtwonum{height: 25px;line-height: 25px;font-size: 12px;position: absolute;left: 0;bottom: 15px;color: #aaa;}
.deannewtwonum b{float: left;display: block;font-weight: normal;height: 20px;margin-left: 10px;}
.deannewtwonum i.deanpipe{width: 1px;height: 12px;margin-left: 10px;margin-top: 7px;display: inline-block;float: left;border-right: 1px solid #e6e6e6;}
.deannewtwonum span{float: left;display: block;margin-left: 10px;height: 25px;line-height: 25px;font-size: 12px;position: absolute;left: 0;bottom: 15px;color: #aaa;}
.deanwp{width: 1200px;margin: 0 auto;}
.deanab_top{height: 50px;background-color: #fff;border-bottom: solid 1px #ddd;}
.deanab_top ul{width: 1200px;}
.deanab_top ul li{display: block;float: left;font-size: 18px;color: #666666;line-height: 48px;width: 12%;height: 50px;text-align: center;cursor: pointer;}
.deanab_top ul li.cur{color: #347EFF;border-bottom: 1px solid #347EFF;font-weight: 700;}
.deanab_top ul li.cur a{color: #347EFF;}
body{background: #fff;}
.deanct{width: 1300px;min-height: 300px;padding-top: 50px;padding-bottom: 50px;margin: 0 auto;background: #fff;margin-top: -100px;position: relative;z-index: 10;margin-bottom: 50px;border-radius: 5px;box-shadow: 5px 10px 35px rgba(0, 0, 0, 0.1);}
.deanindexbg{width: 100%;height: 518px;position: relative;overflow: hidden;background: url(/skins/web/images/newsbg.png) center center no-repeat;background-size: cover;}
.deanindexbgon{width: 100%;height: 518px;background: rgba(0, 0, 0, 0.2);position: absolute;z-index: 1;left: 0;top: 0;}
.deanw1200s{width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 0;z-index: 1;}
.deanlines{width: 1px;height: 518px;background: hsla(0, 0%, 100%, .2);position: absolute;left: 0;margin-left: -1px;top: 0;z-index: 2;}
.deanlines i{width: 5px;height: 5px;content: "";display: inline-block;position: absolute;left: -2px;top: 0;z-index: 1000;background: hsla(0, 0%, 100%, .9);border-radius: 50%;-webkit-animation: deanup 4s cubic-bezier(0, 0, .8, -.26) infinite;animation: deanup 4s cubic-bezier(0, 0, .8, -.26) infinite;}
.deangoincl{height: 100px;width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 50%;margin-top: -50px;color: #fff;}
.deangoincl h2{font-size: 22px;font-weight: normal;padding-left: 10px;}
.deangoincl h3{font-size: 40px;font-weight: normal;padding-left: 10px;}
.deangoincl .weizhi{padding-left: 10px;color: #eee;}
.deangoincl .weizhi a{color: #eee;}
.deangoincl .weizhi span{margin: 0 5px;}
.deannewsubnavs{width: 1200px;margin-bottom: 30px;}
.deannewsubnavs a{display: inline-block;margin-right: 10px;margin-bottom: 10px;margin-top: 10px;font-size: 16px;text-align: center;padding: 3px 12px;border: 1px solid #999;color: #333;border-radius: 20px;}
.deannewsubnavs a:hover{background: #f33;border: 1px solid #f33;color: #fff;}
.about table{border: 1px solid #eee;margin-bottom: 10px;width: 100%}
.about table td{width: 15%;border: 1px solid #eee;font-size: 14px;background: #fff;padding: 5px;}
.about table td:first-child{background: #f5f5f5;}
.about table td:nth-child(2n){width: 70%;}
/* P */
.wrapper { position: relative; width: 100%; padding: 30px 0 }
.wrapper .sitepath { color: #aaa; text-transform: uppercase; margin-top: 10px;}
.wrapper .sitepath .home { width: 14px; height: 16px; display: inline-block; background-position: -114px -122px; margin-right: 10px }
.wrapper .sitepath a { display: inline-block; white-space: nowrap; color: #aaa }
.wrapper .sitepath a:hover { color: #0068B6 }
.wrapper .sitepath span { color: #aaa }
.wrapper .w1200 {width: 1280px; margin: 0 auto; }
.wrapper .left { width: 240px }
.wrapper .left .submenubox { padding-bottom: 20px }
.wrapper .left .submenubox .left_title { height: 60px; background: #0068B6; color: #fff; border-radius: 5px 5px 0 0;}
.wrapper .left .submenubox .left_title h3 { font-size: 20px; font-weight: 400; line-height: 60px; padding-left: 26px; text-transform: uppercase;}
.wrapper .left .submenubox .left_title s { background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 20px; margin-top: 18px }
.wrapper .left .submenu { position: relative }
.wrapper .left .submenu li { display: block; border: 1px solid #eee; border-top: none;}
.wrapper .left .submenu li.lb1 a.sub1 { height: 60px; line-height: 60px; display: block; padding-left: 28px; background: url(../images/xsjt.png) no-repeat 90% center #f9f9f9; font-size: 18px; overflow: hidden;}
.wrapper .left .submenu li.lb1 a.sub1:hover { background: url(../images/xxjt.png) no-repeat 90% center #fff; color:#0068B6;}
.wrapper .left .submenu li.hover1 a.sub1 { background: url(../images/xxjt.png) no-repeat 90% center #f9f9f9; color:#0068B6;}
.wrapper .left .submenu li.lb2 a.sub1 { height: 50px; line-height: 50px; display: block; padding-left: 28px; background: url(../images/jtou.png) no-repeat 90% center #fff; font-size: 18px; overflow: hidden;}
.wrapper .left .submenu li.lb2 a.sub1:hover { background: url(../images/jtou_a.png) no-repeat 90% center #fff; color:#f30;}
.wrapper .left .submenu li.hover a.sub1 { background: url(../images/jtou_a.png) no-repeat 90% center #fff; color:#f30;}
.wrapper .left .submenu s { width: 2px; height: 61px; display: block; background: #009b4c; position: absolute; left: 0; top: 0 }
.wrapper .left .submenu .box { padding-bottom: 0; background: #f9f9f9; border: 1px solid #eee; border-top: 0; display: none }
.wrapper .left .submenu .box a { color: #333; line-height: 40px; display: block; height: 40px; padding-left: 28px; overflow: hidden }
.wrapper .left .submenu .box a s { width: 10px; height: 10px; margin-right: 8px; display: inline-block; background-position: 2px -178px }
.wrapper .left .submenu .box a:hover, .wrapper .left .submenu .box a.hover { color: #009b4c }
.wrapper .left .submenu li.hover .box { display: block }
.wrapper .left .leftbox { padding: 10px; position: relative; margin-bottom: 20px; border: 1px solid #eee; background: #fff;}
.wrapper .left .leftbox .left_title { padding-bottom: 10px; border-bottom: 1px solid #eee; padding-left: 5px }
.wrapper .left .leftbox .left_title h3 { font-size: 18px; font-weight: 700; color: #000; display: block; text-transform: uppercase;  }
.wrapper .left .leftbox .leftprocomt { padding-top: 10px }
.wrapper .left .leftbox .leftprocomt li { float: left; text-align: center; width: 100%; }
.wrapper .left .leftbox .leftprocomt li:nth-child(2n){ margin:0;}
.wrapper .left .leftbox .leftprocomt li img { width: 100%; height: auto; border-radius: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; float: left; }
.wrapper .left .leftbox .leftprocomt li p { font-size: 14px; height: 30px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; margin-bottom: 10px; overflow: hidden; float: left; width: 100%; text-align: center; overflow: hidden;}
.wrapper .left .leftbox .leftprocomt li:hover img { -webkkit-filter: brightness(105%); filter: brightness(105%) }
.leftprocomt li:hover p { color: #009b4c }
.wrapper .left .leftbox .cont { padding-top: 18px; white-space: normal; line-height: 28px;}
.wrapper .left .leftbox .cont .img { float: left; display: block; border: 1px solid #e5e5e5; margin: 0 auto 10px }
.wrapper .left .leftbox .cont img { width: 216px; height: 216px }
.wrapper .left .leftbox .cont p { white-space: normal; word-break: break-all; word-wrap: break-word }
.wrapper .left .leftbox .cont .zx { width: 100%; height: 50px; font-size: 20px; line-height: 50px; background: #009b4c; color: #fff; display: block; margin-top: 10px }
.wrapper .left .leftbox .cont .zx em { width: 50px; height: 50px; display: inline-block; background-position: -152px -152px; vertical-align: top; border-right: 1px solid #fff; margin-right: 35px }
.wrapper .left .leftbox .cont .zx:hover { background: #ed8e06 }
.wrapper .right { width: 980px;}
.wrapper .right .right_title { margin: 0 auto; text-align: center;}
.wrapper .right .right_title:after {display: block; width: 60px; height: 3px; margin: 15px auto 0; content: ''; background-color: #0068B6;}
.wrapper .right .right_title h3 { font-size: 30px;}
.single p{ margin-bottom: 30px; line-height: 2 !important; font-size: 14px;}
.wrapper .right .cont { clear: both; padding: 30px; color: #666 }
.wrapper .right .cont .t1 { padding: 0 0 25px; color: #009b4c; font-size: 20px }
.wrapper .right .cont .t2 { color: #009b4c; font-size: 30px; display: block; padding: 30px 0 }
.wrapper .Productlist { }
.wrapper .Productlist .list { width: 100% }
.wrapper .Productlist .item { float: left; width: 294px; margin-right: 18px; margin-bottom: 30px; display: block; position: relative; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;box-shadow: 0 0 5px rgb(0 0 0 / 20%);}
.wrapper .Productlist .item:nth-child(4n){ margin-right:0;}
.wrapper .Productlist .item a { display: block; width: 100% }
.wrapper .Productlist .item img { width: 294px; height: 221px; display: block }
.wrapper .Productlist .item h3 { display: block; border-top: 0; height:46px; line-height: 46px; overflow: hidden; text-align: center; font-size: 16px }
.wrapper .Productlist .item:hover { box-shadow: 1px 2px 15px rgba(0,0,0,.2) }
.wrapper .single img { max-width: 100%; display: inline }
.wrapper .showinfo img { max-width: 100%; display: inline }
.wrapper .showinfo .Article-title { border-bottom: 1px solid #92e9ff; padding-bottom: 20px; text-align: center }
.wrapper .showinfo .Article-title h1 { font-size: 24px }
.wrapper .showinfo .Article-title .mark span { font-size: 12px; padding: 0 5px }
.wrapper .showinfo .newsinfo { padding: 20px 0 }
.wrapper .reLink { height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto }
.wrapper .reLink .prevLink, .wrapper .reLink .nextLink { width: 50% }
.wrapper .reLink .nextLink { text-align: right }
.wrapper .thumblist .item { width: 430px; height: 144px; margin-right: 38px }
.wrapper .thumblist .item a { width: 414px; height: 128px; padding: 8px }
.wrapper .thumblist .item img { width: 180px; height: 127px; display: block }
.wrapper .thumblist .item .txt { width: 212px; height: 127px; overflow: hidden; position: relative }
.wrapper .thumblist .item .txt h3 { height: 30px; line-height: 30px; overflow: hidden }
.wrapper .thumblist .item .txt p { padding-top: 8px; color: #737373; line-height: 22px }
.wrapper .thumblist .item .txt .jia { display: none }
.wrapper .thumblist .item .di { width: 430px; height: 144px; border: 1px solid #e5e5e5; position: absolute; right: -10px; bottom: -10px }
/*产品轮播*/
.view-main{padding: 20px 0!important;}
.view{max-width: 100%}
.view .swiper-slide{height:100%;max-width: 100%;padding: 0 3px;box-sizing: border-box;overflow: hidden;text-align: center;}
.view .swiper-slide img{width: 100%;height: 700px;overflow: hidden;background-size: cover;background-position: center;}
.view .arrow-left{background: url(../images/index_tab_l.png) no-repeat left center;position: absolute;left: 10px;width: 28px;height: 300px;z-index: 10;display: none;}
.view .arrow-right{background: url(../images/index_tab_r.png) no-repeat right center;position: absolute;right: 10px;width: 28px;height: 300px;z-index: 10;display: none;}
.preview{position: relative;width: 100%;}
.preview .swiper-slide{width: 127px;height: 99px;margin: 0 3px;box-sizing: border-box;overflow: hidden;cursor: pointer;padding:1px;}
.preview .swiper-slide img{width:123px;display: inline-block;height: 100%;}
.preview .active-nav{border: 1px solid #F00;}
.preview .arrow-left{background: #fff url(../images/feel3.png) no-repeat left center;position: absolute;left: -18px;top: 18px;width: 20px;height: 70px;z-index: 10;}
.preview .arrow-right{background: #fff url(../images/feel4.png) no-repeat right center;position: absolute;right: -20px;top: 18px;width: 20px;height: 70px;z-index: 10;}
.proDetail-mouse{font-size: 32px;line-height: 36px;color: #4F5158;text-align: center;padding-top: 20px;}
.proDetail-mouse strong{color: #DD0000;}
.proDetail-mouse span{display: block;width: 40px;height: 6px;background: url("../images/dianzi.png") no-repeat center;margin: 15px auto 0;}
.proDetail-css{font-size: 16px;line-height: 28px;margin-top: 0px;}
.proDetail-css table{width: 100%!important;}

.habout{margin: 0 auto;background-color: #eef1f6;overflow: hidden;height: 568px}
.habout-in{width: 1300px;margin: 0 auto;justify-content: space-between;height: 568px;position: relative}
.biaoti{position: absolute;top: 114px}
.biaoti span{color: #000;font-size: 36px;font-family: Microsoft YaHei}
.yingyu{position: absolute;top: 171px;font-size: 14px;color: #555}
.line{width: 26px;height: 2px;background-color: #999;position: absolute;top: 229px}
.women{font-size: 16px;color: #555;position: absolute;top: 292px}
.gengduo button{border: none;width: 140px;height: 40px;background-color: #00489d;color: #eee;position: absolute;top: 415px}
.zhongxian{width: 1px;height: 568px;background-color: #dae0e5;position: absolute;top: 0;left: 405px}
.anquan{color: #000;position: absolute;left: 495px;top: 97px;font-size: 26px;line-height: 1.3;font-weight: 400}
.yewu{width: 800px;height: 230px;position: absolute;top: 154px;right: 0;font-size: 14px;line-height: 2;color: #555}
/* .left p{font-size: .7rem;line-height: 1.3;margin: 0px 4rem 1rem 6rem} */
.zhuanli{width: 150px;height: 86px;display: inline-block;position: absolute;left: 450px;top: 399px;text-align: center}
.zhuanli1{display: inline-block;position: absolute;left: 711px;top: 399px;text-align: center}
.zhuanli,.zhuanli1 span{vertical-align: middle}
.num{color: #00489d;font-size: 32px;font-weight: 700}
.fuhao{display: inline-block;font-size: 1.6rem;margin-bottom: .25rem}
.huoqu{font-size: 18px;color: #888}
.xiaoban{width: 100%}

.plistbox{ width: 100%; background: #efefef; height: auto;}
.plistbox li { border-right: 1px solid #00489d; height: 50px; line-height: 50px; width: 150px; float: left; font-size: 16px; text-align: center;}
.plistbox li a { color: #000; width: 100%; float: left;}
.plistbox li.a,.plistbox li:hover { background: #00489d;}
.plistbox li.a a,.plistbox li:hover a { color: #fff!important;}

.pbanner{ width: 100%; height: 494px; overflow: hidden;}
.pbanner img{height: 494px; overflow: hidden;}
.mianbao{ width: 100%; background: #fafafa; height: 70px; line-height: 70px;}
.mianbao .weizhi{ width: 1300px; margin: 0 auto;}